<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
  <title>烟台樱莓果园 - 生态种植，产地直销，航空运输，批发零售</title>
  <link href="https://cdn.bootcss.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet">
  <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/extra.css">
</head>
<body>
<div class="ds-parent">
  <div class="wrap ds-container">
    <header class="blur-box">
      <img src="imgs/header-logo.png" alt="logo">
      <h3>烟台樱莓果园</h3>
      <ul>
        <li><a data-scroll-nav="0" id="title0">首页</a></li>
        <li><a data-scroll-nav="1" class="title1">产品</a></li>
        <li><a data-scroll-nav="2" class="title2">优势</a></li>
        <li><a data-scroll-nav="3" class="title2">保障</a></li>
        <li><a data-scroll-nav="4" class="title3">基地信息</a></li>
        <li><a data-scroll-nav="5" class="title4">业务范围</a></li>
        <li><a data-scroll-nav="6" class="title5">联系我们</a></li>
      </ul>
    </header>
    <section class="blur-container blur-1 justify-content-center align-items-center" data-scroll-index="0">
      <div class="blur-box">
        <div class="container-fluid d-flex justify-content-center align-items-center flex-column">
          <h2 class="text-uppercase">烟台樱桃 蓝莓果园</h2>
          <p>批发 + 零售、果园直发 + 航空运输</p>
        </div>
      </div>
      <div class="contact">
        <i class="fa fa-phone"></i>
        <span>173-0538-9177 李经理</span>
      </div>
    </section>

    <section class="white-bg intro-1 justify-content-center align-items-center" data-scroll-index="1">
      <div class="intro">
        <h3>我们的产品</h3>
        <p><img src="imgs/Checked-50.png" alt="check">十年樱桃蓝莓种植经验，合作社经营方式，产量有保障<br></p>
        <p><img src="imgs/Checked-50.png" alt="check">大红灯、美早、黑珍珠等多个樱桃品种</p>
        <p><img src="imgs/Checked-50.png" alt="check">全露天生长，自然成熟，生态种植</p>
        <p><img src="imgs/Checked-50.png" alt="check">绝不使用任何催熟剂，不打药，非大棚</p>
        <p><img src="imgs/Checked-50.png" alt="check">冷链空运，全程保鲜，保证口感</p>
      </div>
    </section>

    <section class="blur-container blur-2 justify-content-end align-items-center" data-scroll-index="2">
      <div class="advantage">
        <div class="advantage-inner row">
          <div class="advantage-item col-md-6">
            <!-- Delivery icon by Icons8 -->
            <img class="icon icons8-Delivery" width="96" height="96" src="">
            <h3>果园直发</h3>
            <p>冷链运输专线</p>
          </div>
          <div class="advantage-item col-md-6">
            <!-- Hand Planting icon by Icons8 -->
            <img class="icon icons8-Hand-Planting" width="96" height="96" src="">
            <h3>基地种植</h3>
            <p>保证产品数量和质量</p>
          </div>
          <div class="advantage-item col-md-6">
            <!-- Suitcase icon by Icons8 -->
            <img class="icon icons8-Suitcase" width="96" height="96" src="">
            <h3>代收代发</h3>
            <p>根据客户需要提供代收或代发服务</p>
          </div>
          <div class="advantage-item col-md-6">
            <!-- In Air icon by Icons8 -->
            <img class="icon icons8-In-Air" width="96" height="96" src="">
            <h3>航空物流</h3>
            <p>当日必到，保证时效性</p>
          </div>
        </div>
      </div>
      <div class="blur-box">
        <div class="container-fluid d-flex justify-content-center align-items-center flex-column">
          <h2 class="text-uppercase">我们的优势</h2>
          <br>
          <p>Reasons Why Choose Us</p>
        </div>
      </div>
    </section>

    <section class="white-bg justify-content-center align-items-center" data-scroll-index="3">
      <div class="guarantee">
        <h3>我们的保障</h3>
        <p>我们采用合作社种植经营方式，合作社集中种植、农户合作经营的管理模式</p>
        <p>目前我们已拥有万亩樱桃基地和万亩蓝莓基地，供货北京、上海、广州等多地客户，日走货量超过 5 万公斤</p>
        <p>支持签订收购合同，支持担保交易，让我们的合作更加安全便捷</p>
      </div>
    </section>

    <section class="blur-container blur-3 justify-content-center align-items-end" data-scroll-index="4">
      <div class="info row">
        <div class="col-md-4">
          <img src="imgs/3.jpg" alt="">
          <p>人工呵护</p>
        </div>
        <div class="col-md-4">
          <img src="imgs/1.jpg" alt="">
          <p>露天果园，自然授粉</p>
        </div>
        <div class="col-md-4">
          <img src="imgs/5.jpg" alt="">
          <p>天然山泉水灌溉</p>
        </div>
        <div class="col-md-4">
          <img src="imgs/2.jpg" alt="">
          <p>大红灯果实</p>
        </div>
        <div class="col-md-4">
          <img src="imgs/7.jpg" alt="">
          <p>蓝莓果园</p>
        </div>
        <div class="col-md-4">
          <img src="imgs/6.jpg" alt="">
          <p>有机肥料</p>
        </div>
      </div>
      <div class="blur-box">
        <div class="container-fluid d-flex justify-content-center align-items-center flex-column">
          <h2 class="text-uppercase">基地信息</h2>
        </div>
      </div>
    </section>

    <section class="white-bg justify-content-center align-items-center" data-scroll-index="5">
      <div class="business">
        <h3>业务范围</h3>
        <p>定制水果品种</p>
        <p>定制包装</p>
        <p>指定快递/递送渠道</p>
        <p>批发销售</p>
        <p>一件代发</p>
        <p>如有其它需求请联系 173-0538-9177 (李经理)</p>
      </div>
    </section>

    <section class="blur-container blur-4 justify-content-center align-items-center" data-scroll-index="6">
      <div class="blur-box">
        <div class="container-fluid d-flex justify-content-center align-items-center flex-column">
          <h2 class="text-uppercase" style="font-size: 48px; color: #fff;">
            <i class="fa fa-phone"></i>
            <span>173-0538-9177</span>
          </h2>
          <p style="font-size: 22px; padding-top: 10px; color: #ccc">(李经理)，欢迎来电咨询</p>
        </div>
      </div>
    </section>

    <section class="white-bg justify-content-center align-items-center" data-scroll-index="7">
      <div class="contactUs" style="width: 25%">
        <form class="form-horizontal">
          <h3>联系我们</h3>
          <div class="form-group row">
            <input type="text" class="form-control" id="inputName" placeholder="姓名">
          </div>
          <div class="form-group row">
            <input type="text" class="form-control" id="inputPassword" placeholder="公司/单位">
          </div>
          <div class="form-group row">
              <input type="text" class="form-control" id="inputContact" placeholder="联系方式">
          </div>
          <div class="form-group row">
            <textarea type="text" class="form-control" id="inputComment" placeholder="欢迎提出意见/需求"></textarea>
          </div>
          <div class="form-group row">
            <button class="btn btn-info" style="width: 100%" onclick="submit()">提交</button>
          </div>
        </form>
      </div>
    </section>
  </div>
</div>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="js/scrollIt.min.js"></script>
<script src="js/index.js"></script>
<script>
  $(function(){
    $.scrollIt();
  });
</script>
</body>
</html>